<!DOCTYPE html>
<html class="height-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<script src="js/jquery.js"></script>
<title>登录</title>
<link rel="stylesheet" href="css/style.css" />

<style>
.height-100 {
	height: 100%;
}

body.height-100 {
	padding-bottom: 240px;
	min-height: 971px;
	position: relative;
}

.page-footer.bd-con-lty {
	height: 240px;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.formTips{
	color:red;
	display:none;
}
</style>
</head>
<body class="bgcolor-f6f5fa height-100">
	<div class="page-header">
		<script>
				window.IS_UC_PAGE_ = true; //用户中心页面标识
			</script>

		<!--       <div style="height: 70px; background: #00A4FF;">这里是页头占位</div> -->
	</div>
	<div class="page-con" style="padding: 70px 0 30px;">
		<form autocomplete="off">
			<div class="md-2018040402-ll js-md-180417-login-cj"
				style="margin: 0 auto;">
				<div class="js-log-type" data-logtype='0'>
					<div class="tit">欢迎登录懒虫商城</div>
					<div id="js_login_form" class="form-ele-box">
						<div class="form-item clearfix">
							<div class="form-inp-area">
								<span>请输入用户名</span> <input id="js_account_pm" class="form-input"
									value="" type="text" cusrule="mail_phone" placeholder="用户名">
								<span class="form-tips">用户名或手机号格式错误</span>
								
							</div>
						</div>
						<div class="form-item clearfix">
							<div class="form-inp-area">
								<span>请输入密码</span> 
								<input id="js_password" class="form-input" value="" type="password" placeholder="密码"> 
									<span class="form-tips">包含数字、字母、下划线的6-18位</span>
									<span	class="formTips" id="login_box_msg">您输入的手机号码或用户名有误,请重新输入</span>
							</div>
						</div>

						<div class="form-item clearfix">
							 
							<button id="js_submit_login"
								class="form-btn form-btn-blue width-100" type="button">登录</button>
						</div>
						<div class="form-item clearfix" style="font-size: 12px;">

							<div class="pull-right color-aaa" style="padding-top: 2px;">
								<a href="ChangePassword" class="color-aaa">忘记密码</a>&nbsp;|&nbsp;
								<a href="register" class="color-aaa">注册</a>
							</div>
						</div>

					</div>
				</div>
				<!-- 微信 -->
				<!-- <div class="js-log-type" data-logtype='3' style="display: none;">
					<div id="js_wx_code_log" class="text-center"></div>
					<div class="other-loginbox">
						<div class="c-btns">
							<div class="c-fbtn js-log-type-cut">返回账号登录</div>
						</div>
					</div>
				</div> -->
			</div>
		</form>
	</div>


	<script type="text/javascript">
	let loginBoxMsg=document.getElementById("login_box_msg");
js_submit_login.onclick=function doLogin(){
	  var params={
		 username:$("#js_account_pm").val(),
		 password:$("#js_password").val()
	  }
	  var url="doLogin";
	  $.post(url,params,function(result){
		  console.log(result)
		  if(result.status==1){
			//跳转到indexUI对应的页面
			
			 location.href="doIndexUserUI?t="+Math.random(); 
		  }else{
			  
			/* $(".login-box-msg").html(result.message);  */
			
			 loginBoxMsg.style.display = "block";
				
		  }
	  });
  }
/* register.onclick=function register(){
	 location.href="/register"
} */
</script>


</body>
</html>
